@charset "utf-8";
/*
	首页
	主色调： #01b1ed
 */

/*标题*/
.title{text-align: center;}
.title p{display: inline-block;padding: 0 60px;position: relative;}
.title p:after{content: "";display: block;position: absolute;width: 100%;height: 65px;left: 0;top: 0;border-top:#aaa 1px solid;border-left:#aaa 1px solid;border-right:#aaa 1px solid;}
.title strong{display: block;font-size: 36px;line-height: 50px;color: #027af5}
.title span{display: block;font-size: 18px;line-height: 30px;font-family: "Times New Roman";text-transform: uppercase;padding: 0 10px;position: relative;color: #666;}
.title span:before,.title span:after{content: "";display: block;position: absolute;width: 60px;height: 0;top: 15px;border-top:#aaa 1px solid;}
.title span:before{right: 100%;}
.title span:after{left: 100%;}

/*产品*/
.bg-pro{background: url(../images/bg-pro.jpg) center no-repeat;}
.leval{width: 245px;border: #01b1ed 2px solid;text-align: center;}
.leval .T{padding: 12px 0;background: #01b1ed;color: #fff;}
.leval .T strong{display: block;font-size: 36px;line-height: 42px;font-family: "Arial";text-transform: uppercase;}
.leval .T span{display: block;font-size: 24px;line-height: 36px;}
.leval .T small{display: block;font-size: 16px;line-height: 30px;}
.leval .T big{display: block;font-weight: bold;font-size: 26px;line-height: 40px;}
.leval ul{padding: 12px;}
.leval ul li{border-bottom: #01b1ed 1px dashed;padding: 5px 30px;}
.leval ul li:last-child{border-bottom: none;}
.leval ul li a{display: block;text-align: center;font-size: 16px;line-height: 32px;color: #666;border-radius: 10px 30px;}
.leval ul li a:hover{background: #01b1ed;color: #fff;}
.pro{padding-bottom: 30px;width: 930px;}
.pro ul li{width: 300px;float: left;margin-right: 15px;}
.pro ul li .pic{width: 300px;height: 210px;background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;}
.pro ul li .pic a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(../images/pbg.png) no-repeat;}


.pro ul li .txt{overflow: hidden;}
.pro ul li .txt a{
	display: inline-block;float: left;width: 50%;box-sizing: border-box;text-align: center;
	font-size: 16px;line-height: 38px;color: #fff;position: relative;color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro ul li .txt a:first-child{background: #01b1ed}
.pro ul li .txt a:last-child{background: #ffc207;}
.pro ul li .txt a:last-child:after{content: "";display: block;position: absolute;width: 0;height: 100%;right: 100%;top: 0;border-left: #ffc207 2px dashed;z-index: 1}
.pro ul li .txt a:hover{background: #F50202}
.pro ul li .txt a:hover:after{border-color: #F50202}
/*优势*/
.bg-ys{background: #01b1ed url(../images/bg-ys.jpg) center no-repeat;}
.bg-ys .title p *{color: #fff;}
.bg-ys .title *:after,.bg-ys .title *:before{border-color: #fff;}
.ys-block{padding-top: 40px;}
.ys-block .f-cb{padding-bottom: 70px;position: relative;z-index: 2;}
.ys-img1{right: -30px;top: 0;z-index: 1}
.ys-img2{top: 50%;left: 50%;margin-top: -135px;margin-left: -150px;}
.ys-img3{left: 0;bottom: 0;z-index: 1}
.ys-box{width: 50%;}
.ys-box .time{width: 68px;font-size: 38px;line-height: 60px;background-color: #fff;color: #01b1ed;font-family: "Impact";position: relative;text-align: center;}
.ys-box .time:after{content: "";display: block;position: absolute;width: 0;height: 0;left: 22px;top: 100%;border-top: #fff 6px solid;border-left: transparent 12px solid;border-right: transparent 12px solid;}
.ys-box .txt{width: 500px;color: #FFF;}
.ys-box .txt strong{display: inline-block;padding-right: 80px;border-bottom: #fab87b 1px solid;font-size: 24px;line-height: 48px;}
.ys-box .txt p{font-size: 14px;line-height: 26px;padding-top: 20px; color: #ffffff;}
/*about 70 100*/
.bg-about{background: #f1f1f1}
.bg-about .w_1{padding-top: 70px;padding-bottom: 100px;}
.about-box{top: 95px;right: 60px;z-index: 1;background: #fff;padding: 36px 104px 36px 36px;width: 520px;z-index: 1}
.about-box strong{font-size: 26px;line-height: 40px;color: #333;font-weight: bold;}
.about-box p{
	padding-top: 20px;font-size: 16px;line-height: 30px;color: #666;text-align: justify;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	
}
.about-box a{color: #01b1ed;display: inline-block;margin-top: 15px;}
.about-t{right: 0;top: 0;writing-mode: vertical-rl;writing-mode: tb-rl;z-index: 2}
.about-t span{display: block;font-size: 60px;line-height: 60px;color: #adadad;text-transform: uppercase;font-family: "Times New Roman"}
.about-t strong{display: inline-block;padding-top: 50px;font-size: 46px;line-height: 60px;color: #000;position: relative;}
.about-t strong:after{content: "";display: block;position: absolute;height: 60px;width: 4px;left: 28px;top: 110%;background: #000;}
.about-icon1{left: -120px;top: 90px;}
.about-icon2{right: 60px;bottom: 30px;}
/*news*/
.bg-news{/*background: url(../images/bg-news.jpg) center no-repeat;*/}
.bg-news .w_1{padding-top: 40px;}
.news{padding-top: 40px;}
.news ul li{float: left;width: 380px;margin: 0 10px 30px;}
.news ul li a{display: block;padding: 10px;background: #ececec;}
.news ul li a .img{width: 360px;height: 187px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.news ul li a strong{display: block;margin: 0 20px;border-bottom: #5a5959 1px dashed;font-size: 18px;line-height: 36px;text-align: center;color: #444;}
.news ul li a p{
	font-size: 14px;line-height: 28px;color: #888;
	height: 90px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
	-webkit-box-orient: vertical;

}
.news ul li a:hover{background: #027af5;color: #fff;}
.news ul li a:hover *{color: #fff;border-color: #fff}
.more{display: inline-block;font-size: 18px;line-height: 48px;padding: 0 60px;background: #ffc207;color: #fff;}
.more:hover{background: #ffc207}